<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    <title>小米6立即购买-小米商城</title>
    <link rel="stylesheet" type="text/css" href="/css/comment.css">
    <link rel="stylesheet" type="text/css" href="/css/elementUi.css">
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <!--引入axios框架-->
    <script src="/js/axios.min.js"></script>
    <!--引入Vue框架-->
    <script src="/js/vue.js"></script>
    <script src="/js/elementUi.js"></script>
</head>
<body>
<!--存传过来的商品id-->
<!--	<h1 id="pdd" v-show="false">[[${pdId}]]</h1>-->
<!-- start header -->
<header  id="nav">
    <div class="top center">
        <div class="left fl">
            <ul>
                <li><a href="/views/index.html" target="_blank">小米商城</a></li>
                <li>|</li>
                <li><a href="">MIUI</a></li>
                <li>|</li>
                <li><a href="">米聊</a></li>
                <li>|</li>
                <li><a href="">游戏</a></li>
                <li>|</li>
                <li><a href="">多看阅读</a></li>
                <li>|</li>
                <li><a href="">云服务</a></li>
                <li>|</li>
                <li><a href="">金融</a></li>
                <li>|</li>
                <li><a href="">小米商城移动版</a></li>
                <li>|</li>
                <li><a href="">问题反馈</a></li>
                <li>|</li>
                <li><a href="">Select Region</a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="right fr">
            <a href="/views/gouwuche">
                <div class="gouwuche fr">购物车</div>
            </a>
            <div class="fr">
                <ul>
                    <li><a href="/views/login.html" target="_blank" v-if="!userInfo.success">登录</a></li>
                    <li v-if="!userInfo.success">|</li>
                    <li><a href="/views/register.html" target="_blank" v-if="!userInfo.success">注册</a></li>
                    <li v-if="userInfo.success"><a href="">{{userInfo.data.userName}}</a></li>
                    <li v-if="userInfo.success">|</li>
                    <li v-if="userInfo.success"><a href="/logout">退出</a></li>
                    <li v-if="userInfo.success">|</li>
                    <li v-if="userInfo.success"><a href="">消息通知</a></li>
                    <li>|</li>
                    <li><a href="/views/dingdanzhongxin.html">订单中心</a></li>
                    <li>|</li>
                    <li><a href="/views/self_info.html">个人中心</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</header>
<!--end header -->

<!-- start banner_x -->
<div class="banner_x center">
    <a href="/views/index.html" target="_blank">
        <div class="logo fl"></div>
    </a>
    <a href="">
        <div class="ad_top fl"></div>
    </a>

    <div id="kind" class="nav fl">
        <ul>
            <li v-for="k in kind_arr"><a :href="'/shoppingsingle/ddCategorysInfo/' + k.id" target="_blank">{{k.categoryName}}</a>
            </li>
        </ul>
    </div>

    <div class="search fr">
        <form action="" method="post">
            <div class="text fl">
                <input type="text" class="shuru" placeholder="小米6&nbsp;小米MIX现货">
            </div>
            <div class="submit fl">
                <input type="submit" class="sousuo" value="搜索"/>
            </div>
            <div class="clear"></div>
        </form>
        <div class="clear"></div>
    </div>
</div>
<!-- end banner_x -->


<!-- xiangqing -->
<form action="post" method="">

    <div id="relevant" class="xiangqing">
        <div class="neirong w">
            <div class="xiaomi6 fl">商品详情</div>
            <nav class="fr">
                <li><a href="">概述</a></li>
                <li>|</li>
                <li><a href="">变焦双摄</a></li>
                <li>|</li>
                <li><a href="">设计</a></li>
                <li>|</li>
                <li><a href="">参数</a></li>
                <li>|</li>
                <li><a href="">F码通道</a></li>
                <li>|</li>
                <li><a href="javascript:void(0);" style="color: #ff6700">用户评价</a></li>
                <div class="clear"></div>
            </nav>
            <div class="clear"></div>
        </div>

        <!--        <div class="commentContent">-->

        <!--        </div>-->


    </div>

</form>
<!--		评论窗口-->
<div class="contain-box" id="comment_box">
    <div class="comment-index">
        <div>
            <div class="comment-mid clearfix">
                <div class="mid-left">
                    <div class="l-top">
                        <div class="t-title">
                            热门评价
                        </div>
                        <div class="t-choose"><i class="iconfont-check"></i> <span>只显示带图评价</span></div>
                    </div>

                    <div class="l-content" v-for="info in commentInfo.data[1]">
<!--                                                评论内容区域-->
                        <div class="comps">
                            <div class="common">
                                <div class="top"><a href="#" class="port"><img src="/image/用户.jpg"></a>
                                    <div class="time"><a href="javascript:void(0);" class="tit">{{info.userName}}</a>
                                        <div class="times">{{info.createTime}}</div>
                                    </div>
                                    <div class="love"><i class="iconfont-face-laugh"></i>超爱</div>
                                </div>
                                <a href="https://www.mi.com/comment/detail?comment_id=215032562" class="des">{{info.comment}}</a>
                                <div class="images clearfix"></div>
                                <div class="appreciate"><i class="iconfont-like3"></i><span>0</span></div>
                                <div class="reply"><input type="text" placeholder="回复楼主" class="input J_reply_input">
                                    <div class="btn">回复</div>
                                </div>
                                <div class="commentList">
                                    <!---->
                                </div>
                                <!---->
                            </div>
                        </div>
                        <!--                        评论内容区域-->

                    </div>
                    <div class="more">
                        加载更多
                    </div>
                    <!---->
                </div>
                <div class="mid-right">
                    <div class="m-t"><span>592652</span>人购买后满意
                    </div>
                    <div class="m-b"><i style="width: 99.7%;"><span>满意度：99.7%</span></i></div>
                </div>
                <div class="goTop_outer">
                    <div class="goTop" style="display: none;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- footer -->
<footer class="mt20 center">

    <div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>

</footer>

<script src="/js/common.js"></script>
<script src="/js/comment.js"></script>
</body>
</html>